<template>
	<div>
		<div class="head">
			<a class="return" @click="getBack"></a>
		</div>
		<div class="overlay">
			<div class="overlay-content scrolling">
				<div class="center">
					<div class="center_title">
						<span>个人中心 </span>
					</div>
					<div class="center_content">
						<div class="content_title">
							<p>身份认证</p>
							<div v-if="list.idcardVerifyStatus == 1">
								<img src="../assets/images/success.png" width="20px" /> 已认证
							</div>
						</div>
						<div class="centent_count">
							<van-cell-group>
								<van-cell title="身份认证" :value="list.trueName"></van-cell>
							</van-cell-group>
							<van-cell-group>
								<van-cell title="账号" :value="list.userName"></van-cell>
							</van-cell-group>
							<van-cell-group>
								<van-cell title="UUID" :value="list.uuid"></van-cell>
							</van-cell-group>
							<van-cell-group>
								<van-cell title="国家和地区" value="中国"></van-cell>
							</van-cell-group>
							<van-cell-group>
								<van-cell title="证件号码" :value="list.idCard"></van-cell>
							</van-cell-group>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	import { mine } from './../utils/api';
	export default {
		data() {
			return {
				list: ''
			}
		},
		mounted() {
			this.getCenter();
		},
		methods: {
			getCenter() { // 查询个人信息
				mine.getPersonal().then(res => {
					this.list = res.data;
				})
			},
			getBack() {
				if(this.$route.query.roid) {
					this.$router.push({
						path: this.$route.query.roid
					});
				} else {
					this.$router.push({
						path: '/My'
					});
				}
			}
		}
	}
</script>

<style lang="less" scoped>
	/deep/ .van-cell {
		color: #8188a7;
		padding: 0;
		padding-bottom: 10px;
	}
	
	/deep/ .van-hairline--top-bottom::after {
		border-width: 0;
	}
	
	/deep/.van-cell__value{
		color:#FFFFFF;
	}
	
	.head {
		background: #2c3145;
	}
	
	.overlay {
		background: #262b3f;
	}
	
	.center_title {
		padding: 20px 10px;
		font-size: 22px;
		background: #2c3145;
		margin-bottom: 10px;
	}
	
	.center_content {
		background: #2c3145;
		.content_title {
			position: relative;
			border-bottom: 1px solid #454b63;
			padding: 10px;
			div {
				position: absolute;
				right: 10px;
				top: 10px;
				color: #3fb776;
				img {
					position: relative;
					top: -1px;
				}
			}
		}
		.centent_count {
			padding: 10px;
		}
	}
</style>